<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
    <head>
        <title>Google Reader Clone</title>
        <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script type="text/javascript">
            $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
        </script>
    </head>
    <body>
        <div id="header">
            <span><a href="{{ url_for('folders') }}">folders</a></span>
            <span id="folder">{{ viewer.folder }}</span>
        </div>

        <div id="content">
            <div id="items">
                {% for item in viewer.item_list %}
                <div class="item">
                    <div class="itemHead">
                        <span class="itemTitle">{{ item.title|safe }}</span>
                    </div>
                    <div class="itemBody">
						<div class="itemLink">
							<a href="{{ item.link }}" target="_blank">{{ item.title|safe }}</a>
						</div>
                        <div class="itemContent">
							{{ item.content|safe }}
						</div>
						<div class="itemTool">
							<div class="itemTool">
								<span><a href="star">star</a></span>
								<span><a href="unread">unread</a></span>
							</div>
						</div>
                    </div>
                </div>
                {% endfor %}
            </div>
            <div id="continue">
                <span><a href="{{ url_for('view') }}?{{ viewer.cont_urlarg|safe }}">ReadMore</a></span>
            </div>
        </div>

        <div id="footer">
            {{ profiler_includes|safe }}
        </div>
    </body>
</html>
